<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DIYgod的简历</title>
    <meta name="description" content="我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。我目前正在寻找前端工程师岗位，希望借此机会为贵司献上我的一点绵薄之力，快招我到碗里来吧！">
    <meta name="keywords" content="DIYgod,前端,工作,简历">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="dist/css/print.min.css">
    <link rel="stylesheet" href="dist/css/fontello.min.css">
</head>
<body>
<div class="container">
    <div class="sidebar">
        <div class="title">
            <img src="img/head.png">
            <h1>DIYgod的简历</h1>
            <h2>"Write the Code. Change the World."</h2>
        </div>
        <ul class="side-info">
            <li class="someRight">
                <dt><i class="icon-bookmark"></i>Contact. 联系方式</dt>
                <dd><i class="icon-mail-alt"></i>邮箱: <a href="mailto:i@html.love" target="_blank">i@html.love</a></dd>
                <dd><i class="icon-wechat"></i>微信: DIYgod</dd>
                <dd><i class="icon-qq"></i>QQ: 306578968</dd>
            </li>
            <li class="someRight">
                <dt><i class="icon-bookmark"></i>Application. 应聘岗位</dt>
                <dd>前端工程师</dd>
            </li>
            <li class="someRight">
                <dt><i class="icon-bookmark"></i>Basic info. 基本信息</dt>
                <dd><span>个人信息:</span> DIYgod / 男 / 20岁</dd>
                <dd><span>英语水平:</span> CET-6</dd>
                <dd><span>常用ID:</span> DIYgod</dd>
                <dd><span>Blog:</span> <a href="https://www.anotherhome.net" target="_blank">www.anotherhome.net</a></dd>
                <dd><span>GitHub:</span> <a href="https://www.github.com/DIYgod" target="_blank">www.github.com/DIYgod</a></dd>
            </li>
            <li class="skill">
                <dt><i class="icon-bookmark"></i>Tech. 技能点</dt>
                <dd>
                    <div class="skill-name">JavaScript</div>
                    <div class="skill-bar-wrap">
                        <div class="skill-bar" style="width: 80%"></div>
                    </div>
                </dd>
                <dd>
                    <div class="skill-name">HTML</div>
                    <div class="skill-bar-wrap">
                        <div class="skill-bar" style="width: 75%"></div>
                    </div>
                </dd>
                <dd>
                    <div class="skill-name">CSS</div>
                    <div class="skill-bar-wrap">
                        <div class="skill-bar" style="width: 72%"></div>
                    </div>
                </dd>
                <dd>
                    <div class="skill-name">C</div>
                    <div class="skill-bar-wrap">
                        <div class="skill-bar" style="width: 75%"></div>
                    </div>
                </dd>
                <dd>
                    <div class="skill-name">Python</div>
                    <div class="skill-bar-wrap">
                        <div class="skill-bar" style="width: 70%"></div>
                    </div>
                </dd>
                <dd>
                    <div class="skill-name">Java</div>
                    <div class="skill-bar-wrap">
                        <div class="skill-bar" style="width: 65%"></div>
                    </div>
                </dd>
            </li>
        </ul>
        <div class="note">
            <p>我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。</p>
            <p>我目前正在寻找前端工程师岗位，希望借此机会为贵司献上我的一点绵薄之力，快招我到碗里来吧！</p>
            <p>由于 PDF 受篇幅限制，推荐使用下面的在线简历查看。</p>
        </div>
        <div class="qr">
            <div class="qr-in">
                <img src="img/qr.png">
                <p>在线简历: <a href="http://html.love/" target="_blank">html.love</a></p>
            </div>
        </div>
    </div>
    <div class="main">
        <ul class="main-info">
            <li>
                <dt><i class="icon-bookmark"></i>Experience. 项目与工作经验</dt>
                <h3>武汉深之度科技有限公司（2015.7 - 至今）</h3>
                <ul class="exp">
                    <li>
                        <div class="circle"></div>
                        <h4>深度商店项目</h4>
                        <p>参与 Linux Deepin 深度商店V4.0 的前端开发工作，根据设计图完成项目的大部分样式，完成了首页、搜索列表、软件详情、软件分类、专题、关于等页面，其中有评论交互、三个不同的轮播图、侧边栏左右拖动、搜索交互等内容，项目采用 WebApp 的形式，运行在 Qt WebKit 上，后端与 deepin 操作系统深度整合，支持一键安装、更新和卸载软件</p>
                        <p>使用 AngularJS框架 Sass预处理器 来实现前端组件及数据交互，使用 Gulp Bower 改进工作流</p>
                    </li>
                </ul>
                <h3>个人项目</h3>
                <ul class="exp">
                    <li>
                        <div class="circle"></div>
                        <h4>Anotherhome个人博客（2014.2 - 至今） <a href="https://www.anotherhome.net" target="_blank">https://www.anotherhome.net</a></h4>
                        <p>Wordpress主题修改（主要修改了 HTML CSS 部分，重构部分代码），内容维护，现日均浏览量 1000+</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>百度IFE前端技术学院课程（2015.4 - 2015.6） <a href="https://github.com/DIYgod/ife-work" target="_blank">https://github.com/DIYgod/ife-work</a></h4>
                        <p>学习百度IFE前端技术学院春季班课程，并独立完成其中的任务:</p>
                        <ul class="efe">
                            <li>
                                <h5>Task 0001 <a href="https://github.com/DIYgod/ife-work/tree/master/task0001" target="_blank">https://github.com/DIYgod/ife-work/tree/master/task0001</a></h5>
                                <p>实现了一个个人博客网站的首页、文章、作品、关于等静态页面，合理运用HTML语义化标签，并实现了多栏布局、瀑布流布局、时间轴等布局样式。</p>
                            </li>
                            <li>
                                <h5>Task 0002 <a href="https://github.com/DIYgod/ife-work/tree/master/task0002" target="_blank">https://github.com/DIYgod/ife-work/tree/master/task0002</a></h5>
                                <p>实现了一个微型JS库，其中包括对原生 JavaScript 数据类型及语言基础、DOM、事件、BOM、Ajax等的操作和封装，并运用这个JS库实现了表单输入交互、倒计时工具、轮播图、输入提示框、界面拖拽交互</p>
                            </li>
                            <li>
                                <h5>Task 0003 0004 <a href="https://github.com/DIYgod/ife-work/tree/master/task0004" target="_blank">https://github.com/DIYgod/ife-work/tree/master/task0004</a></h5>
                                <p>实现了一个 GTD Tools (个人任务管理系统)，支持任务两级分类、增删查改、标记、根据日期分类等功能，并实现了一个独立的移动版本</p>
                                <p>使用 localStorage 来保存用户的任务数据，处理了可能出现的 XSS 安全隐患，使用 原生JavaScript Less预处理器 来实现前端组件及数据交互，使用 Yeoman Grunt 改进工作流</p>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>
                            HTML.LOVE 个人简历（2015.8 - 至今） <a href="https://github.com/DIYgod/Resume" target="_blank">https://github.com/DIYgod/Resume</a>
                        </h4>
                        <p>设计优雅、内容完善的静态简历页面，可以用浏览器直接生成合适尺寸的PDF，使用 Yeoman Grunt Bower 改进工作流</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>jCarrousel（2015.8） <a href="https://github.com/DIYgod/jCarrousel" target="_blank">https://github.com/DIYgod/jCarrousel</a></h4>
                        <p>一个3D轮播图 jQuery 插件，实现了3D轮播效果，可以自适应宽度、自适应图片数量，有方便的切换按钮，另外实现了播放、停止、切换到任意一张图片的API</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>Do-you-like-me（2015.9） <a href="https://github.com/DIYgod/Do-you-like-me" target="_blank">https://github.com/DIYgod/Do-you-like-me</a></h4>
                        <p>一个简单有趣的 UI 点赞组件，后端使用 NodeJS + MongoDB 实现，用 mongoose 操作 MongoDB，实现了对 MongoDB 数据库简单的增删查改</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>EasyGoAgent <a href="https://github.com/DIYgod/EasyGoAgent" target="_blank">https://github.com/DIYgod/EasyGoAgent</a></h4>
                        <p>开箱即用 & 在线更新的GoAgent，GitHub 上 Star 190 Fork 57</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>Simple-C Compiler <a href="https://github.com/DIYgod/Compiler" target="_blank">https://github.com/DIYgod/Compiler</a></h4>
                        <p>一个用C编写的简单类C语言编译器，目前完成了 词法分析 语法分析 阶段，使用了 Lex Yacc 两个工具</p>
                    </li>
                </ul>
            </li>
            <li>
                <dt><i class="icon-bookmark"></i>Skill. 技能清单</dt>
                <h3>Web前端</h3>
                <ul class="exp">
                    <li>
                        <div class="circle"></div>
                        <h4>HTML / CSS</h4>
                        <p>能够编写语义化的 HTML，模块化的 CSS，完成较复杂的布局</p>
                        <p>熟悉 Less / Sass / Autoprefixer 等CSS预处理和后处理方法、工具</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>JavaScript</h4>
                        <p>熟悉原生Javascript，能脱离jQuery等类库编码</p>
                        <p>能运用模块化、面向对象的方式编程</p>
                        <p>熟悉 RequireJS jQuery AngularJS 的使用</p>
                    </li>
                    <li>
                        <div class="circle"></div>
                        <h4>其他</h4>
                        <p>熟悉 Yeoman Bower Grunt Gulp 前端自动化工具</p>
                        <p>了解前端安全、性能优化方面的一些知识</p>
                    </li>
                </ul>
                <h3>后端</h3>
                <ul class="exp">
                    <li>
                        <p>熟悉 Linux 开发环境、 Linux 服务器环境搭建部署，两年 Linux 日常使用经验</p>
                        <p>了解 Apache Nginx web服务器，一年多建站经验</p>
                        <p>了解 Python，能够实现简单的爬虫、数据及图像处理工具、自动化脚本</p>
                        <p>了解 C，读过《C Primer Plus》，能编写简单的解释器</p>
                        <p>了解 Java，能进行简单的网络编程和多线程编程</p>
                    </li>
                </ul>
                <h3>其他</h3>
                <ul class="exp">
                    <li>
                        <p>是一个有趣的人，博客日均浏览量 1000+，GitHub Followers 270+，微博粉丝 660+，微信公众号关注用户 400+</p>
                        <p>严重强迫症，不能忍受界面一个像素的偏差，同样不能忍受代码格式一个空格的偏差</p>
                        <p>学习能力强，以上绝大多数的技能都是大三转专业之后自学修得的</p>
                        <p>掌握 Vim Git 等开发工具的使用</p>
                        <p>能够熟练使用 Markdown 进行写作</p>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
</body>
</html>